<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>课表</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">课表--第 1 周</h1>
			<button id="chooseWeekBtn" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">选周</button>
		</header>
		<div id="chooseWeek">
			<div id="chooseWeek-left">当前周</div>
			<div id="chooseWeek-right">
				<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				    <div class="mui-scroll">
				        <a class="mui-control-item mui-active">第 1 周</a>
				        <a href="" class="mui-control-item">第 2 周</a>
				        <a href="" class="mui-control-item">第 3 周</a>
				        <a href="" class="mui-control-item">第 4 周</a>
				        <a href="" class="mui-control-item">第 5 周</a>
				        <a href="" class="mui-control-item">第 6 周</a>
				        <a href="" class="mui-control-item">第 7 周</a>
				    </div>
				</div>
			</div>
		</div>
		<div class="mui-content">
			<table class="grid grid-title">
				<tr>
					<td class="grid-fixedSizeCol">3 月</td>
					<td>
						<div>一</div>
						<div>14</div>
					</td>
					<td class="grid-active">
						<div>二</div>
						<div>15</div>
					</td>
					<td>
						<div>三</div>
						<div>15</div>
					</td>
					<td>
						<div>四</div>
						<div>15</div>
					</td>
					<td>
						<div>五</div>
						<div>15</div>
					</td>
					<td>
						<div>六</div>
						<div>15</div>
					</td>
					<td>
						<div>日</div>
						<div>15</div>
					</td>
				</tr>
			</table>
			<div class="makeParentHeight"></div>
			<div class="mui-scroll-wrapper grid-scroll">
				<div class="mui-scroll">
					<table class="grid grid-body">
						<tr>
							<td class="grid-fixedSizeCol">
								<div class="grid-cell">
									<div><span>1</span></div>
								</div>
								<div class="grid-cell">
									<div><span>2</span></div>
								</div>
								<div class="grid-cell">
									<div><span>3</span></div>
								</div>
								<div class="grid-cell">
									<div><span>4</span></div>
								</div>
								<div class="grid-cell">
									<div><span>5</span></div>
								</div>
								<div class="grid-cell">
									<div><span>6</span></div>
								</div>
								<div class="grid-cell">
									<div><span>7</span></div>
								</div>
								<div class="grid-cell">
									<div><span>8</span></div>
								</div>
								<div class="grid-cell">
									<div><span>9</span></div>
								</div>
								<div class="grid-cell">
									<div><span>10</span></div>
								</div>
								<div class="grid-cell">
									<div><span>11</span></div>
								</div>
								<div class="grid-cell">
									<div><span>12</span></div>
								</div>
							</td>
							<td>
								<div class="grid-cell" style="top:65px;height:130px;background-color: #8A6DE9;">
									<div>
										<span>微观经济学@2-204</span>
									</div>
								</div>
							</td>
							<td>二</td>
							<td>三</td>
							<td>四</td>
							<td>五</td>
							<td>六</td>
							<td>日</td>
						</tr>
					</table>
				</div>
			</div>

		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/env.js"></script>
	<script src="js/index.js"></script>
</html>